<template>
  <div class="singer-detail">
    <musicList :songs="songs" :title="title" :pic="pic" :loading="loading"></musicList>
  </div>
</template>

<script>
import createDetailComponent from '@/assets/js/create-default-component';
import { getSingerDetail } from '@/service/singer';
import { SINGER_KEY } from '@/assets/js/constant.js';
export default createDetailComponent('singer-detail', SINGER_KEY, getSingerDetail);
</script>

<style lang="scss" scoped>
.singer-detail {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: $color-background;
}
</style>
